<template>
  <div class="menu-list">
    <div class="title">
      更多菜单
    </div>
    <List
      :finished="true"
    >
      <Cell v-for="item in list" :key="item.id" :title="item.title" @click="clickItem(item)" />
    </List>
  </div>
</template>

<script>
import {List, Cell, Toast} from 'vant'
export default {
  name: 'MenuList',
  components: {
    List,
    Cell
  },
  data () {
    return {
      list: [
        {
          id: 0,
          title: '人才招聘'
        },
        {
          id: 1,
          title: '关于我们'
        }
      ]
    }
  },
  methods: {
    clickItem (item) {
      Toast({
        message: '敬请期待',
        position: 'bottom'
      })
    }
  }
}
</script>

<style scoped lang="scss">
.menu-list {
  .title {
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
</style>
